@import "~taro-ui/dist/style/components/tabs.scss";

View {
    box-sizing: border-box;
}

.message_app {
    position: relative;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    word-break: break-all;
    overflow: hidden;
    background-color: #f5f5f5;
    box-sizing: border-box;

    .font-header {
        font-size: 24px;
        color: #989898;
    }

    .message_top {

        .tabs_container {
            display: flex;
            align-items: center;
            height: 90px;
            padding: 0 18px 0 10px;
            background: linear-gradient(90deg, #00d0ff 0%, #0074ff 100%);

            .container_tabs_header_box {
                background-color: transparent;

                .container_icon {
                    padding-left: 24px;
                    background-color: transparent;
                }
            }

        }

        .tabs_container2 {
            display: flex;
            align-items: center;
            height: 90px;
            padding: 0 18px 0 10px;
            background: #00a2ff;

            .container_tabs_header_box {
                background-color: transparent;

                .container_icon {
                    padding-left: 24px;
                    background-color: transparent;
                }
            }

        }

        .setting_icon {
            width: 42px;
            height: 42px;
        }
    }

    .message_body {
        padding-top: 20px;
    }
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: inline-table;
}


/* Hides from IE-mac \*/


/* End hide from IE-mac */